@charset "utf-8";
/***************************宽屏样式(start)***************************/
.w_1200 .indabout .pic{width: 501px;height: 358px;}
.w_1200 .indabout .con{width: 590px;margin-right: 23px;}
.w_1200 .indprolist .item{width: 358px;margin-right: 28px;}
.w_1200 .indprolist .item .img{height: 358px;}
/***************************宽屏样式(end)***************************/
#top{margin-top: 24px;line-height: 63px;}
#top .hlang a{line-height: 63px;}
#top .contact{height: 63px;}
#top .hmenu{height: 63px;}
#top .hmenu:before{top: 47px;}
#top .h_nav{top: 63px;}
#header .wrap{position: absolute;top: 0;left: 0;right: 0;}
.ind_nav .search_bg{top:auto; bottom: 77px;}
.ind_nav .web_nav{margin-right: 30px;}
.ind_nav .web_nav .item .a0{height:77px; line-height:77px; padding:0 6px;}
.ind_nav .web_nav .item .a0:before{ border-bottom:3px solid white;}
.ind_nav .web_nav .item .sub{padding-top: 0;padding-bottom: 16px;top: auto;bottom: 77px;}
.ind_nav .web_search{margin-right: -30px;}
.ind_nav .web_search .ico{width:30px; height: 77px; }
.ind_nav .web_search .formdiv{top: auto;bottom: 101px;}
.banner{width:100%; position:relative; top: 0;overflow:hidden;z-index:1;}
.banner .box{width:1920px; position:relative; left:50%; top:0; margin-left:-960px; z-index:1;}
.banner .slideBox_1 .hd{position: absolute;width: 8;height: auto;text-align: center;bottom: 56px;}
.banner .slideBox_1 .hd ul{float: none;display: inline-block;height: auto;}
.banner .slideBox_1 .hd li{float: none;width: 8px;height: 8px;margin: 12px 0 0;background: #fff;border-radius: 4px;text-align: center;}
.banner .slideBox_1 .hd li.on{background: #de3d3e;}
.banner .slideBox_1 .prev{display: none;}
.banner .slideBox_1 .next{display:block; left: 50%;margin-left: -9px;width:18px; height:10px; position:absolute; z-index:2; bottom: 34px; background:url(../images/next.png) no-repeat center;}
.banner .slideBox_1 .next{background-position:0 bottom;}

.ind_nav{position: relative;background: #de3d3e;}
.ind_nav .sub_bg{position: absolute;width: 100%;left: 0;bottom: 77px;background: rgba(0,0,0,0.8);height: 0;z-index: 1;}

.indabout{padding-bottom: 37px;padding-top: 49px;}
.indabout .pic{float: left;width: 460px;height: 328px;}
.indabout .con{float: right;width: 490px;margin-right: 0px;}
.indabout .con .name{position: relative;height: 64px;padding-bottom: 4px;margin-bottom: 23px;line-height: 64px;text-transform: uppercase;color: #101010;font-size: 24px;}
.indabout .con .name:before{content: '';position: absolute;bottom: 0;left: 0;width: 50px;height: 3px;background: #242424;}
.indabout .con .desc{max-height: 175px;overflow: hidden;line-height: 25px;color: #555;font-size: 16px;}
.indabout .con .more{display: inline-block;margin-top: 45px;height: 38px;line-height: 38px;padding: 0 25px;border:2px solid #242424;font-size: 14px;color: #000;text-decoration: none;font-weight: bold;text-transform: uppercase;}
.indabout .con .more:hover{background: #de3d3e;border-color: #de3d3e;color: white;}

.indexpro{text-align: center;}
.indexpro .title{position: relative;height: 72px;line-height: 72px;font-size: 24px;color: #101010;text-transform: uppercase;}
.indexpro .title:before{content:'';position: absolute;bottom: 0;left: 0;right: 0;margin:auto;width: 50px;height: 3px;background: #242424;}
.indprolist .item{float: left;width: 306px;margin-right: 20px;margin-top: 54px;}
.indprolist .item .first{margin-right: 0;}
.indprolist .item .img{position: relative;display: block;height: 306px;overflow: hidden;font-size: 0;}
.indprolist .item .img span{position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;width: 0;height: 0;background: url(../images/seepro.png) no-repeat center center;background-size: 100% 100%;z-index: 1;}
.indprolist .item .img:before{content: '';position: absolute;width: 100%;height: 50%;top: -50%;left: -100%;background: rgba(221,50,47,0.8);transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.indprolist .item .img:after{content: '';position: absolute;width: 100%;height: 50%;bottom: -50%;right: -100%;background: rgba(221,50,47,0.8);transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.indprolist .item .name{display: block;position: relative;height: 43px;line-height: 43px;padding-top: 13px;margin-top: 29px;font-size: 16px;font-weight: bold;text-transform: uppercase;}
.indprolist .item .name:before{content: '';position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 24px;height: 2px;background: #b5b5b5;}
.indprolist .item .brief{max-height: 42px;overflow: hidden;line-height: 21px;font-size: 16px;color: #555;}
.indprolist .item .price{font-size: 16px;height: 28px;line-height: 35px;color: #de3d3e;}
.indprolist .item:hover .img span{width: 47px;height: 47px;}
.indprolist .item:hover .img:before{left: 0;top: 0;}
.indprolist .item:hover .img:after{right: 0;bottom: 0;}
.indprolist .more{display: inline-block;margin: 45px 0 0;height: 38px;line-height: 38px;padding: 0 15px;border:2px solid #242424;font-size: 14px;color: #000;text-decoration: none;font-weight: bold;text-transform: uppercase;}
.indprolist .more:hover{background: #de3d3e;border-color: #de3d3e;color: white;}